<!-- 11缩进
    属性
    text-indent:值px/em;
    单位
    1.px（像素，默认一个字为16px）
    2.em（一个字的大小，不管字的font-size是多少）
-->

<!-- 12文本水平对齐方式
    语法
    text-aligh:left/right/center;
    特点
    1.可以给文本、图片、超链接、表格等设置
    2.文本加在p里，图片加在body里
-->

<!-- 13文本修饰线
    语法
    test-decoration:underline(下划线)/none（无线，常与超链接连用）/overline（上划线）/line-through(删除线) 
-->

<!-- 14行高
    语法
    1.#id名{line-height:70px/70;}
    2.#id名{font:/70px}
    值
    1.数字px（像素，从文本上空余到下空余）
    2.倍数（font-size的倍数）
 -->


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .suojin{
            text-indent: 2em;
        }

        #duiqi{
            text-align: center;
        }

        #underline{
            text-decoration: underline;
        }

        #overline{
            text-decoration: overline;
        }

        #line-through{
            text-decoration: line-through;
        }

        .none{
            text-decoration: none;
            color: black;
        }

        .line-height{
            font:italic 50px/1.5 宋体;
        }
    </style>
</head>
<body>
    <!--11缩进  -->
    <p class="suojin">
        这是一行文字<br>
        这又是一行文字
    </p>

    <!-- 12文本水平对齐方式 -->
    <p id="duiqi">文本居中对齐</p>

    <!-- 13文本修饰线 -->
     <p id="underline">下划线</p>
    <div id="overline">上划线</div>
    <span id="line-through">删除线</span><br>
    <a href="#" class="none">无线超链接</a>

    <!-- 14行高 -->
     <p class="line-height">设置斜体、1.5倍行高、10px像素、粗、宋体</p>
</body>
</html>